<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
    <script type="text/javascript">
    </script>
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>
    jQuery(document).ready(function($) {
        $.ajax({
            url : "http://api.wunderground.com/api/0e6546645f60d6a3/geolookup/conditions/q/IA/Cedar_Rapids.json",
            dataType : "jsonp",
            success : function(parsed_json) {
                var
                    location = parsed_json['location']['city'];
                var temp_f = parsed_json['current_observation']['temp_f'];
                alert("Current temperature in " + location + " is: " + temp_f);
            }
        });
    });
</script>
</body>

</html>